#mod-gamify.index h1 {
  text-align: center;
}

#mod-gamify .champs {
  width: 100%;
  display: flex;
}

#mod-gamify .champ {
  @extend %flex-column;

  flex: 0 0 33.333%;
  align-items: center;

  h2 {
    margin-top: 0.5rem;
    font-size: 1.3em;
    text-transform: uppercase;
    opacity: 0.8;
  }

  .user-link {
    @extend %ellipsis;

    font-size: 3em;
    color: $c-brag;
    margin: 1rem 0 1.6rem 0;
  }

  table tr td {
    @extend %roboto;

    font-size: 1.5em;
    text-align: right;
    line-height: 50px;
  }

  table tr:first-child td {
    font-size: 2em;
  }
}

#mod-gamify .period table {
  tbody th {
    font-size: 1.2em;
  }

  td.score {
    font-size: 1.2em;
  }

  thead th:nth-child(n + 1),
  tr td {
    text-align: right;
    padding-right: 25px;
  }
}

#mod-gamify .history {
  margin-top: 3rem;

  tr.year th {
    @extend %roboto;

    line-height: 2em;
  }

  tr.year th:first-child {
    font-size: 3rem;
  }

  tr.year th:nth-child(n + 3),
  tr td {
    text-align: right;
  }

  a,
  .score {
    font-size: 1.5rem;
  }
}
